<template>
  <div class="v-breadcrumb">
    <slot></slot>
  </div>
</template>

<script>
export default {
  name: 'VBreadcrumb',
  mounted() {
    const items = this.$el.querySelectorAll('.v-breadcrumb_item')
    if (items.length) {
      items[items.length - 1].setAttribute('aria-current', 'page')
    }
  }
}
</script>

<style scoped lang="less">
  .v-breadcrumb{
    padding: 10px 0;
    margin-bottom: 10px;
  }
</style>
